<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
		<style>
			table {
				text-align: center;
				/* 边框合并 */
				border-collapse: collapse;
			}
			td,
			th {
				border: 1px solid #333;
				padding: 8px 10px;
			}
			/* tbody前两行样式 */
			table tbody tr:nth-child(-n + 2) {
				color: red;
			}
		</style>
	</head>
	<body>
		<table>
			<caption>
				abc
			</caption>
			<thead>
				<tr>
					<th>1</th>
					<th>1</th>
					<th>1</th>
					<th>1</th>
					<th>1</th>
					<th>1</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>1</td>
					<td>1</td>
					<td>1</td>
					<td>1</td>
					<td>1</td>
					<td>1</td>
				</tr>
				<tr>
					<td>1</td>
					<td>1</td>
					<td>1</td>
					<td>1</td>
					<td>1</td>
					<td>1</td>
				</tr>
				<tr>
					<td>1</td>
					<td>1</td>
					<td>1</td>
					<td>1</td>
					<td>1</td>
					<td>1</td>
				</tr>
			</tbody>
			<tfoot>
				<tr>
					<td>1</td>
					<td>1</td>
					<td>1</td>
					<td>1</td>
					<td>1</td>
					<td>1</td>
				</tr>
			</tfoot>
		</table>
	</body>
</html>
